html{font-size:62.5%; height: 100%; width: 100%;}
@media only screen and (min-width: 320px){html{font-size:94%!important;}}
@media only screen and (min-width: 375px){html{font-size:109%!important;}}
@media only screen and (min-width: 412px){html{font-size:125%!important;}}
@media only screen and (min-width: 481px){html{font-size:94%!important;}}
@media only screen and (min-width: 561px){html{font-size:109%!important;}}
@media only screen and (min-width: 641px){html{font-size:125%!important;}}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding:0; margin:0;}
ol,ul,li{list-style:none; padding: 0; margin: 0;}
body{min-width: 320px; max-width: 640px; margin: 0 auto!important; height: 100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
button,input,select,textarea{font-size:100%;outline:none; -webkit-tap-highlight-color:transparent;}
fieldset,img{border:0;}
/*ul{-webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}*/
table{border-collapse:collapse; border-spacing:0; table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}
a,a:hover{text-decoration:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
label,button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
del{text-decoration:line-through;}
ins{text-decoration:none;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
mark{background-color:yellow;}
input[type=submit],input[type=button]{ -webkit-appearance:none; box-sizing:content-box;border:0; border-radius:0; font-family: "微软雅黑"; background: white;}
body{font-family:"微软雅黑","黑体","华文细黑";font-size:14px; color:#333; min-width: 320px; max-width: 640px; margin: 0 auto; position: relative;}
.clearfix:after{clear:both;display: block; content: "..."; visibility: hidden; height: 0; font-size: 0;}
.clearfix{*zoom:1;}
.clear{ clear:both;}
i{font-style: normal;}
a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background:0 0;}
img{width: 100%; height: auto; display: block;}
.tab_line{width:90%;margin-left: 10%;}
.tab_line .active{border-bottom:  1px solid #2783e7;}
.tab_line .tab_d{width:30%;text-align: center;float: left;padding: 12px;}

.tab_line1{width:100%;border-bottom: 1px solid #CCCCCC;}
.tab_line1 .active{border-bottom:  1px solid #2783e7;}
.tab_line1 .tab_d1{width:33%;text-align: center;float: left;padding: 12px;}

.quan_hslist{margin-top:40px;width: 80%;margin-left: 10%;}
.quan_hslist li{border-bottom: 1px solid #c9c9c9;}
.quan_hslist a{display: table; width: 100%; min-height: 80px;}

.quan_sjinfo{width: 100%; display: table-cell; vertical-align: middle;}
.quan_spname{font-size: 15px; padding: 2px 0 7px;}

.yd_hslist{background: #FFFFFF; margin-top:40px;}
.yd_hslist li{border-bottom: 1px solid #c9c9c9; padding: 3%;}
.yd_hslist a{display: table; width: 100%; min-height: 80px;}
.index_sjimg{width: 70px;  display: table-cell; vertical-align: middle; height: 70px; padding-right: 5px;}
.index_sjimg img{border: 1px solid #E9E7E7; border-radius: 5px; width: 70px; height: 70px;}
.index_sjinfo{width: 100%; display: table-cell; vertical-align: middle;}
.index_spname{font-size: 15px; padding: 2px 0 7px;}
.index_spname em{float: right; color: #3bae5b;}
.yd_spstyle button{float: right;background-color: #2783e7;color: #FFFFFF;padding:2px 13px}
    
/*公用头部导航*/
.mui-bar-nav {background-color: #2783e7; box-shadow: 0 0px 3px #1DAA39;color:white}

.mui-bar-nav a,.mui-bar-nav h1 {color: #FFFFFF;}

.mui-bar-tab .mui-tab-item.mui-active {color: #D6AA50;}
/*10像素*/
.margin10{margin-top: 10px;}
.foot50{height: 50px; line-height: 50px;}
/*共用按钮*/
.btn {
	width: 95%;
	margin: 20px auto;
	display: block;
	border: 0px;
	padding: 10px 0px;
	background: #FF7831;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
}
		
.file-btn {
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;

}
		
.file-btn input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.actions {padding: 5px 0;}		
.crop {display: none}
/*便民*/

.bm-logo {
	width: 40px;
	height: 40px;
	padding: 0;
}
.mui-content{padding-bottom: 50px;}
.mui-content2{padding-bottom: 0px; padding-top: 44px; height: 100%;}

input:-webkit-autofill {-webkit-box-shadow:0 0 0 100px white inset; -webkit-text-fill-color: #FFFFFF; border-radius: 0;}
input:-webkit-autofill:focus {-webkit-box-shadow:0 0 0 100px white inset; -webkit-text-fill-color: #FFFFFF; border-radius: 0;}

/*会员卡首页*/
.hyk_topbox{background: url(../images/bac_shouyt.jpg) no-repeat; background-size: 100% 100%; padding: .7rem 8% 1.4rem;}
.hyk_memimg{width: 3.5rem; height: 3.5rem; overflow: hidden; border-radius: 50%; margin: 0 auto;}
.hyk_memimg img{height: 100%;}
.hyk_top .nam{text-align: center; font-size: .85rem;}
.hyk_czpribox{display: table; width: 100%; padding: .7rem 0 .3rem;}
.hyk_czpribox>li{display: table-cell; width: 50%; vertical-align: middle; text-align: center; font-size: .85rem; color: #888888; border-right: 1px solid #8F8D8D;}
.hyk_czpribox li:last-child{border: 0;}
.hyk_czpribox li .num{color: #000000; font-size: 1.3rem; font-weight: bold;}

.hyk_btn{display: block; width: 50%; height: 2.3rem; line-height: 2.3rem; background: #2783e7; color: white; text-align: center; border-radius: 3px; margin: 1.5rem auto .3rem; font-size: 1rem;}
.hyk_tip{text-align: center; font-size: .85rem; color: #1DAA39;}

.hyk_czkxfjl{display: block; position: absolute; bottom: 1rem; color: #999999; width: 100%; text-align: center;}
.hyk_mdhd{isplay: block; position: absolute; bottom: 3rem; left: 12%; right: 12%;}
.hyk_content{height: 100%; background: #F2F2F2;}

.top{
	width:100%;
}
.top_left{
	float: left;
	width:30%;
}
.top_right{
	float: left;
	width:70%;
	text-align: left;
	padding: 15px 10px;
}
.bottom{
	width:100%;
	margin-top: 25px;
}
.bottom_left{width:30% bottom:1px}
.bottom_right{float: left;width:70%; bottom:1px}
.top_img{width: 60px;height: 60px;border-radius: 15%;margin:15px 25px 0 20px;}
/*会员卡充值*/
.hykcz_topbox{background: url(../images/bac_hykcz.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 3.8rem;}
.ljcz{height: 1.7rem; line-height: 1.7rem; background: #1DAA39; color: white; width: 70%; margin: 0 auto; border-radius: 1rem; text-align: center; font-size: .75rem;}
.hykcz_topbox .hyk_top .nam{margin: .3rem 0 .7rem;}
.hycz_list{padding: .5rem 5%;}
.hycz_list li{display: table; width: 100%; padding: 1rem 0; background: white; margin-bottom: 10px; border-radius: 5px;}
.hycz_list .active{border: 1px solid #2783e7;}
.hycz_list li>div{display: table-cell; width: 50%; vertical-align: middle; font-size: .85rem;}
.hycz_list li .left{text-align: right; color: #1DAA39; padding-right: .5rem; font-size: 1.4rem;}
.hycz_list li .right p{font-size: .85rem; line-height: normal; padding-left: .5rem;}
.hycz_list li .right .tip{font-size: .75rem;}
.hycz_btn{width: 70%; margin-top: .5rem;}
.hycz_tip{text-align: center; font-size: .7rem; line-height: normal; padding-top: .3rem;}
.hycz_tip em{color: #1DAA39;}
.ckczsm{display: block; width: 100%; text-align: center; font-size: .7rem; color: #1DAA39; padding: 1rem 0 1.5rem;}

/*确认付款*/
.qurfk_content{height: 100%; background: #22AD38;}
.mui-bar-nav~.mui-content.qrfk_content,.mui-bar-nav~.mui-content.qrfk2_content{padding-top: 55px; background: #22AD38;}
.qurfk_topbox{background: white; width: 90%; margin: 0 auto; padding: .5rem 3%; border-radius: .5rem;}
.qrfk_nambox{display: table; width: 100%;}
.qrfk_nambox>div{display: table-cell; vertical-align: middle;}
.qrfk_nambox .memimg,.qrfk_nambox .memimg img{width: 3.2rem; height: 3.2rem; border-radius: 50%;}
.qrfk_nambox .nambox{width: 100%; padding-left: 1rem;}
.qrfk_nambox .nambox p{font-size: 1rem; color: #000000; line-height: normal;}
.qrfk_nambox .nambox .glj{color: #199630; font-size: .75rem;}
.qrfk_btn{width: 100%; margin-top: .6rem;}
.qrfk_bt{font-size: .85rem; padding: .5rem .3rem .2rem; color: #666666;}
/*.qurfk_topbox .srk{padding: 0 .8rem;}*/
.qurfk_topbox .srk input{padding: 0 .8rem; height: 2rem; line-height: 2rem; margin: .3rem 0 0; border: 0; background: #F2F2F2; font-size: .75rem;}
.qurfk_topbox .srk{padding-bottom: .8rem;}
.qurfk_topbox .gljdk,.qurfk_topbox .gljye{font-size: .75rem; padding: .1rem .8rem; color: #777777;}
.gljdk em{float: right; font-size: 1.05rem; color: #199630;}
.gljdk.spje em{color: #333333;}
.qurfk_topbox .gljye{position: relative;}
.qurfk_topbox .gljye em{float: right; font-size: .9rem; font-weight: bold;}
.qurfk_topbox .gljye a{display: block; width: 2.8rem; position: absolute; right: -2.3rem; top: .3rem;}

.qurfk_topbox .mui-numbox{height: 1.7rem; width: 85px; padding: 0 25px;}
.qurfk_topbox .mui-numbox [class*=btn-numbox]{width: 25px;}
.qurfk_topbox .shul{border-bottom: 1px solid #DDDDDD; padding: .4rem .8rem;}
.qurfk_topbox .shul .left{float: left; line-height: 1.7rem; font-size: .75rem;}
.qurfk_topbox .shul .right{float: right;}
.querfkpri{text-align: center; font-size: 1.8rem; line-height: normal;}
.querfkpri em{font-size: 2.7rem;}
.querfk_topbox2 .qrfk_btn{margin: 0;}
.querfk_topbox2 .memimg,.querfk_topbox2  .memimg img{border-radius: 0;}
.querfk_topbox2 .qrfk_nambox .nambox .glj{color: #999999;}
.querfk_topbox2 .gljye{padding-left: 0; padding-top: .5rem;}

.qrfk_pribox{border-bottom: 1px solid #DCDCDC; padding: 0 .3rem;}
.qrfk_pribox label{font-size: 1.3rem; display: inline-block; width: 8%; vertical-align: sub; font-weight: bold;}
.qrfk_pribox input{display: inline-block; width: 80%; padding: 5px 0; border: 0; font-size: 2rem; height: 2rem; line-height: 2rem; font-weight: bold; vertical-align: sub;}
.qrfk_bottom{text-align: center; padding: 2.5rem 0 0; width: 70%; margin: 0 auto;}
.qrfk_bottom a{display: inline-block; float: left; border-right: 1px solid #D9D9D9; color: #999999; font-size: 1rem; width: 50%; vertical-align: middle; text-align: center;}
.qrfk_bottom a:last-child{border: 0;}

.qrfk_yfje{font-size: .75rem; color: #666666;}
.qrfk_yfje em{color: #1DAA39;}

.fkcg_tipsbox.qrfk_tipsbox{margin: .8rem auto; width: 90%; min-height: 7rem; background: url(../images/bac_fukcg.jpg?2=2) no-repeat; background-size: 100% 100%;}
.fkcg_tipsbox .top{text-align: right; font-size: .8rem; padding: .5rem .6rem 0 0;}
.fkcg_tipsbox .top span{background: #FFE80A; color: #19962F; padding: .2rem .9rem; border-radius: .8rem;}
.fkcg_tipsbox .tips{color: #FFFFFF; font-size: .95rem; font-weight: normal;}
.fkcg_tipsbox .tips em{font-size: 1.3rem; color: #FFE80A;}
.fkcg_tipsbox .pri{font-size: 2.3rem; font-weight: bold; color: #FFFFFF;}
.fkcg_tipsbox .pri em{font-size: 1.8rem;}
.fkcg_tipsbox .pribox{padding: .8rem 0 0 2rem;}
.querfk_btn{width: 90%; margin: 0 auto; display: block;}

.mui-bar-nav~.mui-content.qrfk2_content{padding-bottom: 0; height: 100%;}
.qrfk2_conbox{background: #E6E6E6; width: 90%; margin: 0 auto; height: 100%;}
.qrfk2_conbox .qurfk_topbox{width: 100%;}
.qrfk_bottombox{background: #E6E6E6; padding-bottom: 2rem;}
.qrfkb_czk{width: 85%; margin: 0 auto; padding: .7rem 0; min-height: 7.5rem; background: url(../images/bac_vipk.jpg) no-repeat; background-size: 100% 100%; text-align: right; position: relative;}
.qrfkb_czk p{color: white; padding-right: 5%;}
.qrfkb_czk .mem_id{padding-top: 1rem; font-size: .75rem; color: #000000;}
.qrfkb_czk .mem_gljnum{font-size: 1rem; padding-bottom: .3rem;}
.qrfkb_czk .mem_gljnum em{font-size: 1.6rem; font-weight: bold; line-height: normal;}
.qrfkb_czkbtn{background: #33342C; color: white; font-size: .75rem; margin-right: 5%; padding: .1rem 1rem .2rem; border-radius: 2px;}
.idnum{position: absolute; left: .5rem; bottom: .3rem; font-size: .7rem; color: white;}
.mnum{position: absolute; right: .8rem; bottom: 1rem; font-size: .7rem; color: white;}
.qrfk_bottombox .querfk_btn{width: 85%; margin-top: .8rem;}
.qrfk_bottombox .tips{font-size: .75rem; color: #999999; text-align: center; padding-top: .5rem;}
.qrfk2_conbox .qurfk_topbox .gljye a{right: -2.1rem;}

.czfa_content{background: #F2F2F2; }
.mui-bar-nav~.mui-content.czfa_content{padding-bottom: 0;}
.czfa_content .qrfkb_czk{background: url(../img/bac_vipk2.jpg) no-repeat; background-size: 100% 100%; min-height: 10rem;}
.czfa_content .qrfkb_czk .mem_id{color: white; padding-top: 1.8rem; padding-bottom: .8rem;}
.czfa_content .qrfkb_czk .mem_gljnum{font-size: 1.1rem;}
.czfa_content .qrfkb_czk .mem_gljnum em{font-size: 1.7rem;}
.czfa_content .sjnam{position: absolute; color: white; font-size: .85rem; left: 1rem; bottom: 3rem;}
.czfa_content .idnum{bottom: 1rem; left: .8rem;}
.czfa_content .bt{padding: .5rem 0;}

/*消费记录*/
.xfjl_content{background: white; }
.xfjl_list li{display: table; width: 100%; border-bottom: 1px solid #C4C4C1; padding: .7rem 0;}
.xfjl_list li>div{display: table-cell; vertical-align: middle; width: 50%; text-align: center; font-size: .95rem;}
.xfjl_list .right{font-size: 1.3rem; line-height: normal;}
.xfjl_list .add{color: #1DAA39;}

/*电子优惠券*/
.dzyhq_glj{width: 80%; padding: .7rem 0; position: absolute; left: 10%; top: -1.5rem; box-shadow: 0 0 5px 0 #cccccc; min-height: 3rem; background: white; border-radius: 5px;}
.dzyhq_glj .mem_gljnum{font-size: 2.4rem; font-weight: bold; line-height: normal;}
.fjsj_top{background: url(../images/bac_fjsj.jpg) no-repeat; background-size: 100% 100%; text-align: center; color: white; font-size: 2rem; padding: 3rem 0 3.5rem; font-weight: bold;}
.dzyhq_gljbox{min-height: 6.5rem; position: relative;}
.dzyhq_glj{background: url(../images/bac_dzyhq.jpg) no-repeat; top: -2rem; background-size: 100% 100%; text-align: right;}
.dzyhq_glj p{color: white; padding-right: 5%;}
.dzyhq_glj .bt{padding-top: .9rem; font-weight: normal; font-size: 1rem;}
.dzyhq_glj .mem_id{padding-top: .35rem; font-size: .75rem;}
.dzyhq_list{width: 70%; margin: .5rem auto 0;}
.dzyhq_list li{display: table; width: 100%; padding: 1.2rem 0; margin-bottom: 10px; background: url(../images/bac_dzyhq2.jpg) no-repeat; background-size: 100% 100%;}
.dzyhq_list li>div{display: table-cell; vertical-align: middle; text-align: center; color: #199630; font-style: italic;}
.dzyhq_list li .left{width: 40%; font-size: 1.2rem;}
.dzyhq_list li .left em{font-size: 1.8rem; font-style: italic;}
.dzyhq_list li .right{width: 60%; font-size: 1.1rem; font-weight: bold; line-height: 1.2rem;}
.dzyhq_list li .right em{font-size: 2rem; font-style: italic;}
.dzyhq_list .active{background: url(../images/bac_dzyhq3.jpg) no-repeat; background-size: 100% 100%; color: white;}
.dzyhq_list .active>div{color: white;}
.dzyhq_xiey{padding: 0 7%; font-size: .75rem;}
.dzyhq_xiey input{width: 1rem; height: 1rem; vertical-align: middle;}
.dzyhq_btn{width: 8rem; height: 2.5rem; line-height: 2.5rem; display: block; margin: 0 auto; border-radius: 5px; background: #199630; font-size: .95rem; color: white;}
.btnbox{text-align: center; padding: 1rem 0;}
.mem_ordbox{font-size: .95rem; padding: .5rem 0;}
.mem_ordbox i{display: inline-block; width: .7rem; height: .5rem; background: #FFFFFF; vertical-align: middle; margin-right: .7rem;}

/*卡包*/
.kabao_box{padding: .7rem 5% 0;}
.kabao_list{padding-top: .5rem;}
.kabao_list li{background: white; border-radius: 5px; margin-bottom: 10px; padding: 2% 5% 3%;}
.kabao_list .bt{font-size: .7rem; line-height: normal; text-align: right; color: #1DAA39; font-weight: bold;} 
.kab_info{display: table; width: 100%;}
.kab_info>div{display: table-cell; vertical-align: middle;}
.kab_info .img,.kab_info .img img{width: 4.5rem; height: 4.5rem; border-radius: 50%;}
.kab_info .info{width: 100%; padding-left: .5rem;}
.kab_info .nam{font-size: 1.1rem; color: #000000; line-height: normal;}
.kab_info .pri{font-size: .85rem;}
.kab_info .pri em{color: #1DAA39; font-weight: bold;}
.kab_glj{font-size: .75rem; text-align: right; color: #000000; font-weight: bold; line-height: normal;}
.kab_glj em{background: #1DAA39; color: white; padding: 0 5px; border-radius: 3px;}

/*充值协议*/
.czxy_conbox{padding: 1rem 8%;}
.czxy_conbox p{font-size: .75rem; line-height: normal;}
.czxy_conbox .bt{font-size: .95rem; color: #000000; font-weight: bold; text-align: center; padding-bottom: .5rem;}
.czxy_conbox .tip{color: #000000; padding-bottom: .5rem;}

/*我的活动*/
.mui-bar-nav.mui-bar.wdhd_nav .mui-pull-right{font-size: 1rem; color: #FEE900; line-height: 44px; padding: 0 10px;}
.mui-bar.wdhd_nav .mui-title{text-align: left; font-size: 1rem;}
.mye_list{padding-bottom: 4.5rem;}
.mye_list li,.xhd_list li{display: table; width:90%;margin:  0 auto; box-shadow: 0 0 15px 0 #CCCCCC; border-radius: 5px; padding: 5% 5%; margin-bottom: 15px;}
.mye_list li>div{display: table-cell; vertical-align: middle; font-size: .85rem; line-height: normal;}
.mye_list li .left{width: 60%;}
.mye_list li .right{width: 40%; text-align: right;}
.mye_list li .name{font-size: 1.3rem; font-weight: bold;}
.mye_list li .right em{font-size: 2.2rem; font-weight: bold;}

.hdbottom{height: 3.5rem; line-height: 3.5rem; background: white; text-align: center; display: block; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto;  z-index: 999 border-top: 1px solid #CCCCCC; font-size: .95rem; color: #666666;}

/*新活动*/
.xhd_list{padding: 1rem 0 4rem;}
.xhd_list li .left{text-align: center; color: #333333; border-right: 1px solid #ccc;}
.xhd_list li .right{text-align: center;}
.xhd_list li .right .name{font-size: 1.3rem; color: #2783e7; line-height: normal;}
.xhd_list li .left em {
	font-size: 1rem;
	color:#8f8f94;
	
}
.xhd_list li .left p{
	color: #000000;
	font-size:1rem;
}
.xhd_list li .right .name {
	font-size: 1.2rem;
}
.hycz_list .left{
	width:25%;
}

.xhd_bottom{display: block; background: white; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; border-top: 1px solid #CCCCCC; padding: .3rem 0 1rem; z-index: 999;}

/*活动核销记录*/
.hexjl_list li .left{text-align: left; padding-left: 8%; width: 70%;}
.hexjl_list li .right{text-align: left; width: 30%;}
.hexjl_list li .time{font-size: .7rem;}

.tanchubox{background: white; position: fixed; top: 20%; left: 10%; right: 10%; width: 80%; box-shadow: 0 0 8px 0 #CCCCCC; border-radius: 8px; z-index: 9999; padding: 4rem 5% 1.5rem;}
.mask{width: 100%; height: 100%; background: rgba(255,255,255,0.6); position: fixed; top: 0; left: 0; min-width: 320px; max-width: 640px; margin: 0 auto; right: 0; z-index: 999; display: none;}
.close{position: absolute; top: 5px; right: 10px; color: #999999;}
.tanc_btn{width: 70%; margin: 1rem auto 0; height: 2.5rem; line-height: 2.5rem; background: #1DAA39; display: block; color: white; font-size: 1.2rem; border-radius: 5px; text-align: center;}
.tanc_iinput input{background: #E5E5E5; border: 0; text-align: center; border-radius: 8px;}
.tanchubox .tips{text-align: center; font-size: .7rem; line-height: normal; padding-top: .7rem;}






